<template>
  <div>
    <div   id="bigbox">
      <div class="box">
        <span   @click="fun()"  class="iconfont icon-youjiantou3"></span>
      </div>
      <div class="boxa">
        <h5>其他方式登录</h5>
        <p>若该手机号未注册，我们会自动为你注册</p>

        <div>
          <div class="boxb">
            <div class="boxc">
              <input type="text" placeholder="手机号" />
            </div>
          </div>
          <div>
            <input type="text" placeholder="验证密码" />
          </div>
        </div>
        <div class="dl">登录</div>
      </div>
    </div>
    <div>
        <img class="imgalt" src="wbyx.png" alt="">
    </div>
  </div>
</template>

<script>
export default {
    methods:{
        fun(){
            this.$router.go(-1)
        }
    }
};
</script>

<style scoped>
.box {  width: 3.42rem;
  margin: 0 auto;
  height: 0.48rem;
  /* background: pink; */
  line-height: 0.48rem;
}
.icon-youjiantou3 {
  padding-left: 0.1rem;
  font-size: .14rem;
}
.boxa {
  width: 3.42rem;
  margin: 0 auto;
}
h5 {
  padding-top: 0.1rem;
}
#bigbox{
    margin-bottom: 3rem;
}
p {
  font-size: 0.12rem;
  padding-top: 0.1rem;
  color: rgb(148, 147, 147);
}
.imgalt{
    width: 3.42rem;
}
.boxc {
  padding-top: 0.2rem;
  display: flex;
}
.fs {
  font-size: 0.12rem;
  padding-left: 0.1rem;
}
input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e9e3e3;
  padding-bottom: 0.05rem;
  /* color: rgb(216, 222, 228); */
  font-size: 0.13rem;
  color: #e9e3e3;
  margin-bottom: 0.3rem;
}
.dl {
  width: 3.4rem;
  height: 0.43rem;
  background: #90a7eb;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.43rem;
  color: white;
  font-size: 0.13rem;
}
.bigbox{
    margin-top: 3.24rem;
}

.imga{
    width: .28rem;
    height: 100%;
   
}
</style>